<template>
    <div class="larges">
        <span  class="son">数据资源</span>
        <div class="search"><el-input v-model="input" placeholder="请输入关键词" class="searchinput"></el-input><el-button
                class="button">搜索</el-button></div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            input: ''
        }
    }
}
</script>

<style lang="less" scoped>
.larges {
    height: 104px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  

.search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 3px 3px 3px 3px;
    overflow: hidden;
}
}

.button {
    width: 86px;
    height: 44px;
    background: linear-gradient(90deg, #FF905A 0%, #EC930A 100%);
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}

.searchinput {
    width: 289px;
    height: 44px;
    background: #FFFFFF;
    // border-radius: 0px 0px 0px 0px;
    // opacity: 1;
}

/deep/ .el-input--small .el-input__inner {
    height: 44px;
}

.son {
    width: 96px;
    height: 31px;
    font-size: 24px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 30px;
}
</style>